<link rel="stylesheet" href="modules/POBHotel/pnjavascript/datepicker/development-bundle/themes/base/jquery.ui.all.css" />

<script src="modules/POBHotel/pnjavascript/datepicker/development-bundle/jquery-1.5.1.js"></script>
<script src="modules/POBHotel/pnjavascript/datepicker/development-bundle/ui/jquery.ui.core.js"></script>
<script src="modules/POBHotel/pnjavascript/datepicker/development-bundle/ui/jquery.ui.widget.js"></script>
<script src="modules/POBHotel/pnjavascript/datepicker/development-bundle/ui/jquery.ui.datepicker.js"></script>
<script src="modules/POBHotel/pnjavascript/datepicker/development-bundle/ui/jquery.ui.tabs.js"></script>
<script src="modules/POBHotel/pnjavascript/facebox/facebox.js" type="text/javascript"></script>
<link href="modules/POBHotel/pnjavascript/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="modules/POBHotel/pnjavascript/datepicker/development-bundle/demos/demos.css" />
<link href="modules/POBHotel/pnjavascript/style.css" rel="stylesheet" type="text/css" media="all" /> 

<link rel="stylesheet" href="modules/POBHotel/pnjavascript/form/css/style.css" type="text/css" media="screen"/>

<script type="text/javascript" src="modules/POBHotel/pnjavascript/form/sliding.form.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
	callback_refresh();
})
function callback_refresh(){
	$.get('index.php?module=POBHotel&type=ajax&func=list&ctrl=Season', function(data) {
	  $('#HotelSeason').html(data);
	});
	$.get('index.php?module=POBHotel&type=ajax&func=list&ctrl=GuestRoomType', function(data) {
	  $('#HotelGuestRoomType').html(data);
	});
	$.get('index.php?module=POBHotel&type=ajax&func=list&ctrl=GuestRoom', function(data) {
	  $('#HotelGuestRoom').html(data);
	});
	$.get('index.php?module=POBHotel&type=ajax&func=list&ctrl=Room', function(data) {
	  $('#HotelRoom').html(data);
	});
}
</script>
<!--[literal]--><!--[if IE]><!--[/literal]-->
       <style>
          .upload{
            display:none;
          }
          .upload_ie{
            display:block !important;
          }
       </style>
<!--[literal]--><![endif]--><!--[/literal]-->

<script>
  $(function() {
      $( "#datepicker" ).datepicker({
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        dateFormat: 'yy-mm-dd',
        buttonImage: "modules/POBHotel/pnjavascript/datepicker/development-bundle/demos/datepicker/images/calendar.gif",
        buttonImageOnly: true
    });
  });

  $(function() {
      $( "#datepicker2" ).datepicker({
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        dateFormat: 'yy-mm-dd',
        buttonImage: "modules/POBHotel/pnjavascript/datepicker/development-bundle/demos/datepicker/images/calendar.gif",
        buttonImageOnly: true
    });
  });
</script>
           <div id="wrapper">
                <div id="navigation" style="display:none;">
                    <ul>
                        <li class="selected"><a href="#">Room Type</a></li>
                        <li><a href="#">Room</a></li>
						<li><a href="#">Allotment</a></li>
                    </ul>
                </div>
                <div id="steps">

                  <!-- Tab Guest Room -->
                  <FORM id="formElem" name="formElem" METHOD=POST ACTION="<!--[pnmodurl modname='POBHotel' type='admin' func='submitNotif' ctrl='GuestRoom']-->" enctype="multipart/form-data">
                    <fieldset class="step">
                      <legend><!--[pnml name="_POBHOTEL_ADMIN_LEGEND_SEASON"]--></legend>
                      
                          <div id="HotelSeason">
                          
                          </div>
                          
                            <br><br>
                          <legend><!--[pnml name="_POBHOTEL_ADMIN_LEGEND_RATE"]--></legend>
                          <div id="HotelGuestRoomType">
                        
                          </div>
                            <br><br>
                          <legend><!--[pnml name="_POBHOTEL_ADMIN_LEGEND_GUESTROOM"]--></legend>
                          <div id="HotelGuestRoom">
                          </div>

                          <legend><!--[pnml name="_POBHOTEL_ADMIN_LEGEND_CONFIRM"]--></legend>
                          <p class="submit">
                            <button id="registerButton" type="submit"><!--[pnml name="_POBHOTEL_ADMIN_LEGEND_CONFIRM_SUBMIT"]--></button>
                          </p>
                      
                    </fieldset>
                  </FORM>



                  <!-- Tab Room -->
                  <FORM id="formElem" name="formElem" METHOD=POST ACTION="<!--[pnmodurl modname='POBHotel' type='admin' func='form' ctrl='Room']-->" enctype="multipart/form-data">
                  <fieldset class="step">
                    <legend>Room</legend>
                      
                          <div id="HotelRoom">
                          </div>
                       
                  </fieldset>
                  </FORM>

				  
                  <!-- Tab Allotment -->
                  <FORM id="formElem" name="formElem" METHOD=POST ACTION="<!--[pnmodurl modname='POBHotel' type='admin' func='form' ctrl='Room']-->" enctype="multipart/form-data">
                  <fieldset class="step">
                    <legend>Allotment</legend>
                      
                          <div id="Allotment">
                          </div>
                       
                  </fieldset>
                  </FORM>
              </div>
        </div>